﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <title>忙点贺卡</title>
    <meta http-equiv="imagetoolbar" content="no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script>
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            }
            else {
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        }
        else {
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <link href="../Content/menu.css" rel="stylesheet" media="all" />
    <style type="text/css">
        body {
            background: #ffffff;
        }

        #qiandao {
            position: absolute;
            width: 640px;
            height: 1980px;
            top: 0;
            left: 0;
            -webkit-animation: ani-qiandao-0 0.5s 2s 1 linear normal both;
        }

        @-webkit-keyframes ani-qiandao-0 {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        #qiandao1 {
            position: absolute;
            width: 640px;
            height: 1980px;
            top: 0;
            left: 0;
            -webkit-animation: ani-qiandao1-0 3s 0s 1 ease-in-out normal both;
        }

        @-webkit-keyframes ani-qiandao1-0 {
            0% {
                background-color: #D1c4b1;
            }

            50% {
                background-color: #e6dba5;
            }

            100% {
                background-color: #c8d973;
            }
        }

        #qiandao3 {
            position: absolute;
            -webkit-transform: translate3d(208px, 246px, 0px);
            width: 180px;
            height: 180px;
            top: 0;
            left: 0;
            -webkit-animation: ani-qiandao3-0 0.5s 0s 1 linear normal both;
        }

        @-webkit-keyframes ani-qiandao3-0 {
            0% {
                -webkit-transform: translate3d(208px, 246px, 0px);
                opacity: 0;
            }

            100% {
                -webkit-transform: translate3d(208px, 286px, 0px);
                opacity: 1;
            }
        }

        #qiandao4 {
            position: absolute;
            width: 500px;
            height: 20px;
            top: 505px;
            left: 80px;
            border-top: 0px solid rgba(127,127,127,1);
            border-right: 0px solid rgba(127,127,127,1);
            border-bottom: 0px solid rgba(127,127,127,1);
            border-left: 0px solid rgba(127,127,127,1);
            font-size: 40px;
            font-weight: bold;
            color: rgba(245,238,238,1);
            -webkit-animation: ani-qiandao4-0 1s 0s 1 linear normal both;
        }

        @-webkit-keyframes ani-qiandao4-0 {
            0% {
                opacity: 0;
                color: #FFCC00;
            }

            30% {
                opacity: 1;
                color: #669900;
            }

            60% {
                opacity: 1;
                color: #0099FF;
            }

            80% {
                opacity: 1;
                color: #990099;
            }

            100% {
                opacity: 1;
                color: #FF0000;
            }
        }

        #top {
            position: absolute;
            width: 640px;
            height: 320px;
            top: 0;
            left: 0;
            -webkit-animation: fadeIn 0.5s 0s 1 linear both;
        }

        #top1 {
            position: absolute;
            -webkit-transform: translate3d(0px, 0px, 0px);
            width: 640px;
            height: 320px;
            top: 0;
            left: 0;
        }

        @-webkit-keyframes ani-top1-0 {
            0% {
                opacity: 1;
            }

            14.2857% {
                opacity: 1;
            }

            42.8571% {
                opacity: 1;
            }

            57.1429% {
                opacity: 1;
            }

            85.7143% {
                opacity: 1;
            }

            100% {
                opacity: 1;
            }
        }

        #top2 {
            position: absolute;
            -webkit-transform: translate3d(0px, 0px, 0px);
            width: 640px;
            height: 320px;
            top: 0;
            left: 0;
            -webkit-animation: ani-top2-0 1s 0s infinite linear both;
        }

        @-webkit-keyframes ani-top2-0 {
            0% {
                opacity: 0;
            }

            14.2857% {
                opacity: 0;
            }

            42.8571% {
                opacity: 1;
            }

            57.1429% {
                opacity: 1;
            }

            85.7143% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        #top3 {
            position: absolute;
            -webkit-transform: translate3d(0px, 0px, 0px);
            width: 640px;
            height: 320px;
            top: 0;
            left: 0;
            -webkit-animation: ani-top3-0 1s 0s infinite linear both;
        }

        @-webkit-keyframes ani-top3-0 {
            0% {
                opacity: 0;
            }

            14.2857% {
                opacity: 0;
            }

            42.8571% {
                opacity: 0;
            }

            57.1429% {
                opacity: 0;
            }

            85.7143% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        #top4 {
            position: absolute;
            width: 640px;
            height: 320px;
            top: 0px;
            left: 0;
        }

        #top5_deng1 {
            position: absolute;
            top: 0px;
            left: 400px;
            -webkit-transform-origin: center top;
            -webkit-animation: rotate 2s 0s infinite ease-in-out alternate both;
        }

        #top5_deng2 {
            position: absolute;
            top: 0px;
            left: 470px;
            -webkit-transform-origin: center top;
            -webkit-animation: rotate 1.8s 0.5s infinite ease-in-out alternate both;
        }

        #top5_deng3 {
            position: absolute;
            top: 0px;
            left: 440px;
            -webkit-transform-origin: center top;
            -webkit-animation: rotate 1.8s 0.3s infinite ease-in-out alternate both;
        }

        @-webkit-keyframes rotate {
            0% {
                -webkit-transform: rotate(10deg);
            }

            100% {
                -webkit-transform: rotate(-10deg);
            }
        }

        #menu_1 {
            position: absolute;
            width: 200px;
            height: 4px;
            top: 375px;
            left: 220px;
            background: #FF3300;
            -webkit-animation: fadeIn 0.5s 0s 1 ease normal both;
        }

        #menu_p1 {
            position: absolute;
            width: 200px;
            top: 300px;
            left: 220px;
            font-size: 30px;
            color: #FF3300;
            text-align: center;
            font-weight: 600;
            -webkit-animation: fadeIn 0.5s 0s 1 ease normal both;
        }
    </style>
    <script>
        var showMenu = 0;
        function openMenu() {
            var menu = document.getElementById("menu_list0");
            if (showMenu == 0) {
                menu.style.display = "block";
                showMenu = 1;
            } else {
                menu.style.display = "none";
                showMenu = 0;
            }
        }
    </script>
</head>
<body>
    <div id="menu_list0" class="category">
        <div id="menu_list"></div>
        <a href="index.html"><div id="menu_list_xinqing"><p>news</p></div></a>
        <a href="http://hk.hkd5200.com/love.php"><div id="menu_list_aiqing"><p>爱情</p></div></a>
        <a href="http://hk.hkd5200.com/show3.php"><div id="menu_list_zhufu"><p>心情</p></div></a>
        <a href="http://hk.hkd5200.com/greeting.php"><div id="menu_list_shengri"><p>问候</p></div></a>
        <a href="http://hk.hkd5200.com/birthday.php"><div id="menu_list_gaoguai"><p>生日</p></div></a>
        <a href="http://hk.hkd5200.com/zhufu.php"><div id="menu_list_remen"><p>祝福</p></div></a>
        <a href="http://hk.hkd5200.com/jieri.php"><div id="menu_list_remen2"><p>节日</p></div></a>
        <a href="http://hk.hkd5200.com/gaoguai.php"><div id="menu_list_remen3"><p>搞怪</p></div></a>
    </div>

    <div id="box">
            <a href="/HEKA/时间都去那了/2017-04-27-103609.html"><div id="boxpic"><img src="/Image/1035.jpg"><p>时间都去哪了</p></div></a>
            <a href="/HEKA/生日快乐1/2017-04-25-174309.html"><div id="boxpic"><img src="/Image/1031.jpg"><p>123</p></div></a>
            <a href="/HEKA/生日快乐/2017-04-25-174302.html"><div id="boxpic"><img src="/Image/1029.jpg"><p>sjdsldfsd</p></div></a>
            <a href="/HEKA/哥们情谊/2017-04-25-163506.html"><div id="boxpic"><img src="/Image/1031.jpg"><p>普华篮球队</p></div></a>
        
    </div>
    <div id="menu_1"></div>
    <div id="menu_p1"><p>最新</p></div>
    <div id="top">
        <div id="top1"><img src="../Image/ad.jpg"></div>
    </div>

    <div id="fenlei1"><img src="../Image/fenlei.png" onclick="openMenu();"></div>
    <div id="fenlei1_p"><p>分类</p></div>




</body>
</html>